<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./css/gg.css">
    <link rel="stylesheet" href="./css/index.css">
    <title>Document</title>
</head>

<body>
    <header>
        <div class="box mar clearFix topbox">
            <h1 class="lf">欢迎光临</h1>
            <div class="rg">
                <li><a href=""></a></li>
                <li><a href=""></a></li>
                <li><a href=""></a></li>
                <li><a href=""></a></li>
            </div>
        </div>
    </header>

    <div class="navtop">
        <nav class="mar">
            <li><a class="nvaactive" href="">首页</a></li>
            <li><a href="">关于</a></li>
            <li><a href="">商城</a></li>
            <li><a href="">购买</a></li>
            <li><a href="">最新</a></li>
            <li><a href="">我们</a></li>
        </nav>
    </div>


    <div class="banner position">
        <ul class="claerFix">
            <li><img src="./images/banner1.jpg" alt=""></li>
        sss    <li><img src="./images/banner2.jpg" alt=""></li>
            <li><img src="./images/banner3.jpg" alt=""></li>
        </ul>
        <div class="bj"></div>
        <div class="bannerwen jh jh1">
            <h2>关 于 今 天 的 动 态</h2>
            <p>1神舟十四号航天员陈冬从核心舱发来报告：乘组已顺利进入天和一号核心舱，中国太空家园现在由我们值守，空间站第三棒我们全力开跑。</p>
        </div>
        <div class="bannerwen jh ">
            <h2>联 系 我 们</h2>
            <p>2神舟十四号航天员陈冬从核心舱发来报告：乘组已顺利进入天和一号核心舱，中国太空家园现在由我们值守，空间站第三棒我们全力开跑。</p>
        </div>
        <div class="bannerwen jh ">
            <h2>了 解 我 们 的 企 业 文 化</h2>
            <p>3神舟十四号航天员陈冬从核心舱发来报告：乘组已顺利进入天和一号核心舱，中国太空家园现在由我们值守，空间站第三棒我们全力开跑。</p>
        </div>
        <div class="anniu">
            <span class=" anniuactive"></span>
            <span></span>
            <span></span>
        </div>
    </div>

    <div class="abouts">
        <div class="mar box aboutubox">
            <h2>关 于 我 们</h2>
            <p class="p1">我们一直高度重视员工的发展，不仅为员工设计专业和管理的双通道职业发展路径，让员工的能力得到更聚焦更清晰的发展，也同时让每个人的成长贡献能够通过职级体系得到及时明确的体现。</p>
            <p class="p2">
                以成为“互联网行业最受尊敬的企业大学”为愿景，我们通过设计职业发展通道和对应的完善培训体系，努力成为腾讯员工的成长顾问与业务团队的发以成为“互联网行业最受尊敬的企业大以成为“互联网行业最受尊敬的企业大展伙伴，为腾讯的现在和未来培养人才。
            </p>
            <div class="clearFix aboutimg">
                <div class="lf"><a href="">点击了解</a></div>
                <div class="lf"><a href="">点击了解</a></div>
                <div class="lf"><a href="">点击了解</a></div>
            </div>
        </div>
    </div>

    <div class="ustuan">
        <div class="ustuanbox mar box">
            <h2>我 们 的 团 队</h2>
            <div class="tuan clearFix">
                <div class="lf">
                    <div class="js">
                            <h3>詹 姆 斯</h3>
                            <p>作为腾讯全球新总部，腾讯球新总部，腾讯滨海智能化于一体的智慧大滨海智能化于一体的智慧大厦。</p>
                            <div class="clearFix lxt">
                                <span></span>
                                <span></span>
                                <span></span>
                            </div>
                    </div>
                </div>
                <div class="lf">
                    <div class="js">
                        <h3>玛 丽</h3>
                        <p>作为腾讯全球新总部，腾讯球新总部，腾讯滨海智能化于一体的智慧大滨海智能化于一体的智慧大厦。</p>
                        <div class="clearFix lxt">
                            <span></span>
                            <span></span>
                            <span></span>
                        </div>
                </div>
                </div>
                <div class="lf">
                    <div class="js">
                        <h3>汤 姆 森</h3>
                        <p>作为腾讯全球新总部，腾讯球新总部，腾讯滨海智能化于一体的智慧大滨海智能化于一体的智慧大厦。</p>
                        <div class="clearFix lxt">
                            <span></span>
                            <span></span>
                            <span></span>
                        </div>
                </div>
                </div>
                <div class="lf">
                    <div class="js">
                        <h3>丽 娜</h3>
                        <p>作为腾讯全球新总部，腾讯球新总部，腾讯滨海智能化于一体的智慧大滨海智能化于一体的智慧大厦。</p>
                        <div class="clearFix lxt">
                            <span></span>
                            <span></span>
                            <span></span>
                        </div>
                </div>
                </div>
            </div>
        </div>
    </div>

    <div class="fw">
        <div class="fwbox clearFix mar box">
            <h2>服 务</h2>
            <div class="fwxbox clearFix">
                <div class="lf">
                    <div class="fwimg"><i></i></div>
                    <p class="fwH">服务</p>
                    <span class="fwtext">孙中山《民权主义》第三讲：“人人应该以服务为目的，不当以夺取为目的</span>
                </div>
                <div class="lf">
                    <div class="fwimg"><i></i></div>
                    <p class="fwH">人事</p>
                    <span class="fwtext">孙中山《民权主义》第三讲：“人人应该以服务为目的，不当以夺取为目的</span>
                </div>
                <div class="lf">
                    <div class="fwimg"><i></i></div>
                    <p class="fwH">购物</p>
                    <span class="fwtext">孙中山《民权主义》第三讲：“人人应该以服务为目的，不当以夺取为目的</span>
                </div>
                <div class="lf">
                    <div class="fwimg"><i></i></div>
                    <p class="fwH">为社会或他人利益办事</p>
                    <span class="fwtext">孙中山《民权主义》第三讲：“人人应该以服务为目的，不当以夺取为目的</span>
                </div>
                <div class="lf">
                    <div class="fwimg"><i></i></div>
                    <p class="fwH">饮品</p>
                    <span class="fwtext">孙中山《民权主义》第三讲：“人人应该以服务为目的，不当以夺取为目的</span>
                </div>
                <div class="lf">
                    <div class="fwimg"><i></i></div>
                    <p class="fwH">饮品</p>
                    <span class="fwtext">孙中山《民权主义》第三讲：“人人应该以服务为目的，不当以夺取为目的</span>
                </div>
                <div class="lf">
                    <div class="fwimg"><i></i></div>
                    <p class="fwH">食物</p>
                    <span class="fwtext">孙中山《民权主义》第三讲：“人人应该以服务为目的，不当以夺取为目的</span>
                </div>
                <div class="lf">
                    <div class="fwimg"><i></i></div>
                    <p class="fwH">饮品</p>
                    <span class="fwtext">孙中山《民权主义》第三讲：“人人应该以服务为目的，不当以夺取为目的</span>
                </div>
            </div>
        </div>
    </div>

    <div class="gzhy">
        <div class="gzhybox box mar clearFix">
            <h2>工 作 环 境</h2>
            <div class="gzhj clearFix position lf">
                <p>
                   
                </p>
                <span> 孙中山《民权主义》第三讲：“人人应该以服务为目的，不当以夺取为目的</span>
            </div>
            <div class="gzhj clearFix position lf">
                <p>
                   
                </p>
                <span> 孙中山《民权主义》第三讲：“人人应该以服务为目的，不当以夺取为目的</span>
            </div>
            <div class="gzhj clearFix position lf">
                <p>
                   
                </p>
                <span> 孙中山《民权主义》第三讲：“人人应该以服务为目的，不当以夺取为目的</span>
            </div>
            <div class="gzhj clearFix position lf">
                <p>
                   
                </p>
                <span> 孙中山《民权主义》第三讲：“人人应该以服务为目的，不当以夺取为目的</span>
            </div>
            <div class="gzhj clearFix position lf">
                <p>
                   
                </p>
                <span> 孙中山《民权主义》第三讲：“人人应该以服务为目的，不当以夺取为目的</span>
            </div>
            <div class="gzhj clearFix position lf">
                <p>
                   
                </p>
                <span> 孙中山《民权主义》第三讲：“人人应该以服务为目的，不当以夺取为目的</span>
            </div>
            <div class="gzhj clearFix position lf">
                <p>
                   
                </p>
                <span> 孙中山《民权主义》第三讲：“人人应该以服务为目的，不当以夺取为目的</span>
            </div>
            <div class="gzhj clearFix position lf">
                <p>
                   
                </p>
                <span> 孙中山《民权主义》第三讲：“人人应该以服务为目的，不当以夺取为目的</span>
            </div>
            <div class="gzhj clearFix position lf">
                <p>
                   
                </p>
                <span> 孙中山《民权主义》第三讲：“人人应该以服务为目的，不当以夺取为目的</span>
            </div>
        </div>
    </div>

    <div class="newshi">
        <div class="newbox mar box">
            <h2>新 闻 和 事 件</h2>
            <div class="newboxcont clearFix">
                <div class="newboxH lf position">
                    <div class="newboximg"><a href=""></a></div>
                    <p class="newdw">2022 , 10,05</p>
                    <div class="newtext">
                        <h3>开发新的功能</h3>
                        <p>是第十四个“世界海洋日”暨第十五个“全国海洋宣传日是第十四个“世界海洋日”暨第十五个“全国海洋宣传日</p>
                    </div>
                </div>
                <div class="newboxH lf position">
                    <div class="newboximg"><a href=""></a></div>
                    <p class="newdw">2022 , 10,05</p>
                    <div class="newtext">
                        <h3>新的研讨会</h3>
                        <p>是第十四个“世界海洋日”暨第界海洋日”暨第十五界海洋日”暨第个“全国海洋宣传日是第十四个“世界海洋日”暨第十五个“全国海洋宣传日</p>
                    </div>
                </div>
                <div class="newboxH lf position">
                    <div class="newboximg"><a href=""></a></div>
                    <p class="newdw">2022 , 10,05</p>
                    <div class="newtext">
                        <h3>调试的一些方法</h3>
                        <p>是第十四个“世界海洋日”暨界海洋日”暨第界海洋日”暨第界海洋日”暨第第十五个“全国海洋宣传日是第十四个“世界海洋日”暨第十五个“全国海洋宣传日</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="lxwe">
        <div class="lxwebox mar box">
            <h2>联 系  我 们</h2>
            <div class="clearFix lxusbox">
                <div class="bd lf">
                    <form action="" method="post">
                        <h3>请告诉 我们 你的信息</h3>
                        <p><input type="text" placeholder="姓名"></p>
                        <p><input type="text" placeholder="邮件"></p>
                        <p><input type="text" placeholder="电话"></p>
                        <textarea placeholder="请输入信息" name="" id="" cols="30" rows="10"></textarea>
                        <p><button>提交</button></p>
                    </form>
                </div>
                <div class="lf lxuscont">
                    <p>123 San Sebastian | Canada, NY 10002, New York</p>
                    <p>Contact Us To Follow Trend
                        1800-1111-222</p>
                    <div class="yjimg">
                        发送邮件
                    </div>
                    <div class="clearFix tbimg">
                        <div class="lf">
                            <a href=""></a>
                        </div>
                        <div class="lf">
                            <a href=""></a>
                        </div>
                        <div class="lf">
                            <a href=""></a>
                        </div>
                        <div class="lf">
                            <a href=""></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="dybox">
        <div class="mar box dy">
            <h2>订 阅</h2>
            <p>订阅我们以获取更多的信息，让我们一起携手共进，共创美好的File!</p>
            <div class="clearFix">
                <input class="lf" type="text" name="" id="" placeholder="请输入你的信息">
                <button class="lf">提交</button>
            </div>
        </div>
    </div>
    <footer>
        <div class="foot box mar">
            <h2>关 于</h2>
            <p>Copyright © 2018.Company name All rights reserved.</p>
            <div class="clearFix">
                <div class="lf">
                    <a href=""></a>
                </div>
                <div class="lf">
                    <a href=""></a>
                </div>
                <div class="lf">
                    <a href=""></a>
                </div>
                <div class="lf">
                    <a href=""></a>
                </div>
            </div>
        </div>
    </footer>
    <script src="./js/jquery-3.5.1.min.js"></script>
    <script src="./js/index.js"></script>
</body>

</html>